<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>时间轴</title>
    <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/main/animate.min.css" th:href="@{/css/main/animate.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/style.css}" rel="stylesheet"/>
</head>
<body class="gray-bg">
<div class="row animated fadeInRight">
    <div class="ibox float-e-margins">
        <div class="text-center float-e-margins p-md">
            <h1>系统说明 </h1>
        </div>
        <div id="ibox-content">
            <div id="vertical-timeline" class="vertical-container light-timeline">

                <div class="vertical-timeline-block">
                    <div class="vertical-timeline-icon yellow-bg">
                        <i class="fa fa-book"></i>
                    </div>
                    <div class="vertical-timeline-content">
                        <h2>系统流程</h2>
                        <p>1.管理员或发单者发单，指定技术员接单。</p>
                        <p> 2.技术员确认</p>
                        <p> 3.技术员完成任务，提交审核 </p>
                        <p> 4.审核判断是否通过</p>
                        <p> 5.通过后可给予评价</p>
                        <p style="color:red"> *. 若接单者无法完成任务或者遇到困难,请及时联系上级增加日期或指派给别人处理</p>
                        <p style="color:red"> *. 若修改已发布的工单,则原工单将关闭并重新发单,接单者须重新确认</p>
                    </div>
                </div>

                <div class="vertical-timeline-block">
                    <div class="vertical-timeline-icon lazur-bg">
                        <i class="fa fa-user-md"></i>
                    </div>

                    <div class="vertical-timeline-content">
                        <h2>系统兼容性</h2>
                        <p>1. 测试众多浏览器通过</p>
                        <p>2. 手机浏览器支持良好</p>
                        <p style="color:red">3.
                            谷歌(chrome)内核的浏览器某些版本的bug会导致发单时直接粘贴出现两张(请注意)若出现此问题应手动点击选择图片,若您的版本没有此问题则可以正常使用 </p>
                        <p style="color:red">4. 尽量不要使用IE等老旧浏览器</p>
                    </div>
                </div>


                <div class="vertical-timeline-block">
                    <div class="vertical-timeline-icon lazur-bg">
                        <i class="fa fa-user-md"></i>
                    </div>

                    <div class="vertical-timeline-content">
                        <h2>系统操作</h2>
                        <p>1. 系统默认角色不可删除. 否则会引发一系列问题, 但是可以更改角色权限或名称</p>
                        <p>2. 各个角色按职责分配操作业务, 系统将限制不属于自己职责范围的操作 </p>
                        <p style="color:red">3. 超级管理员: 该角色拥有系统最高权限, 可以做任何角色的权限操作, 但是请注意不要参与工单相关业务操作, 避免业务出现问题</p>
                        <p style="color:red">4. 超级管理员角色应被正确使用于系统相关操作或工单业务查看或者导出,而不是参与操作,如:代替员工确认订单 (那么你就会变成接单者!)</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<th:block th:include="include :: footer"/>
<script>
    $(document).ready(function () {
        $('#lightVersion').click(function (event) {
            event.preventDefault()
            $('#ibox-content').removeClass('ibox-content');
            $('#vertical-timeline').removeClass('dark-timeline');
            $('#vertical-timeline').addClass('light-timeline');
        });
        $('#darkVersion').click(function (event) {
            event.preventDefault()
            $('#ibox-content').addClass('ibox-content');
            $('#vertical-timeline').removeClass('light-timeline');
            $('#vertical-timeline').addClass('dark-timeline');
        });
    });
</script>
</body>
</html>
